import React from 'react'


import '../public/css/contract.scss'
import Api from "../router/Api";
import requestSign from "../public/js/requestSign";
import axios from 'axios';
import Utils from '../public/js/Utils'

class Contract extends React.Component{
    constructor(props){
        super(props);
        this.state={
            id:this.props.params.id,
            contractDetail:{},
            borrowerDetail:{}
        }
    }
    componentWillMount(){
        console.log(sessionStorage.getItem('startTime'));
        const _this=this;
        Api.getTimeStamp()
            .then(function (res) {
                const token = sessionStorage.getItem('token');
                const timestamp = res.data.data.timestamp;
                const id = _this.state.id;
                const sign1 = requestSign({timestamp,token,id});
                const sign2 = requestSign({timestamp,token});
                axios.all([Api.getBorrowUserInfo({
                    token:token,
                    timestamp:timestamp,
                    sign:sign2.sign
                }),Api.getContractDetail({
                    params:{
                        token:token,
                        timestamp:timestamp,
                        sign:sign1.sign,
                        id:id
                    }
                })])
                    .then(axios.spread(function (acct, perms) {
                        console.log(acct);
                        console.log(perms);
                        if(acct.data.success && perms.data.success){
                            _this.setState({
                                contractDetail:perms.data.data,
                                borrowerDetail:acct.data.data
                            })
                        }
                    }))

            })
            .catch(function (err) {
                console.log(err);
            })
    }
    render(){
        const timeCut = (time)=>new Date(time).getFullYear()+'年'+(new Date(time).getMonth()+1)+'月'+new Date(time).getDate()+'日';
        return(
            <div className="contract">
                <h3>借款协议</h3>
                <p className="text-r"><span> 编号：</span>{this.state.contractDetail.contractNo}</p>
                <p className="text-r">签订地：杭州市江干区</p>
                <p><span>甲方（出借人）：</span>{this.state.contractDetail.realName}</p>
                <p>身份证号：{this.state.contractDetail.cardNo}</p>
                <p>联系方式：{this.state.contractDetail.mobile}</p>
                <p className="mt"><span>乙方（借款人）：</span>{this.state.borrowerDetail.realName}</p>
                <p>证件号码：{this.state.borrowerDetail.certifyName}</p>
                <p>地址：</p>
                <p>联系方式：{this.state.borrowerDetail.phone}</p>
                <p className="mt"><span>丙方（居间人）：杭州云端金融信息服务有限公司</span></p>
                <p>营业执照号：91330106MA27WA658J</p>
                <p>地址：浙江省杭州市江干区九和路19号2幢4层401室</p>
                <p>联系方式：400-088-5313</p>
                <p>鉴于：</p>
                <p className="textIn">1.居间人系一家在浙江省杭州市合法成立并有效存续的有限责任公司，开发并运营了https://www.yd-jr.cn/网站及APP（以下简称“云端金融”或“丙方”），通过云端金融平台为注册用户提供金融信息居间服务。</p>
                <p className="textIn">2.出借人和借款人均已在云端金融平台注册，本协议签订前出借人和借款人事先已充分阅读并认可的云端金融提供的借款协议样本。</p>
                <p className="textIn">3.借款人具有合法的借款需求，出借人自愿向借款人提供借款。出借人以本协议为依据与乙方形成真实、合法、有效的债权。</p>
                <p className="textIn">4.出借人和借款人双方均同意通过云端金融签署本电子协议并完成全部借款交易。本电子协议储存于云端金融指定服务器当中，除本合同另有约定外，合同一经生成，任何一方不得擅自修改。</p>
                <section>
                    <h4>第一部分：借款明细</h4>
                    <ul>
                        <li className="clearFix">
                            <div className="fl">借款本金</div>
                            <div className="fr">人民币(大写)：{this.state.contractDetail.invSucc ? Utils.numberToChinese(this.state.contractDetail.invSucc) : '零' }元整</div>
                        </li>
                        <li className="clearFix">
                            <div className="fl">借款期限</div>
                            <div className="fl">{sessionStorage.getItem('duration')}天</div>
                            <div className="fl">借款利率</div>
                            <div className="fr">{sessionStorage.getItem('lilv')}%</div>
                        </li>
                        <li className="clearFix">
                            <div className="fl">起息日</div>
                            <div className="fl">{!(sessionStorage.getItem('startTime')==='null') ? timeCut(sessionStorage.getItem('startTime')) : "----"}</div>
                            <div className="fl">到期日</div>
                            <div className="fr">{!(sessionStorage.getItem('endTime')==='null') ? timeCut(sessionStorage.getItem('endTime')) : "----"}</div>
                        </li>
                        <li className="clearFix">
                            <div className="fl">还款方式</div>
                            <div className="fr">{sessionStorage.getItem('hkfs')}</div>
                        </li>
                    </ul>
                </section>
                <section>
                    <h4>第二部分：通用条款</h4>
                    <h5>第1条 名词释义</h5>
                    <p>除非上下文另有解释，下列用语具有以下含义：</p>
                    <p>1.1 本协议：指本《借款协议》第一部分、第二部分及所有附件中的任何条款、明细和信息。</p>
                    <p>1.2 出借人：指本协议第一部分中列明的出借人，为符合中华人民共和国法律规定的具有完全民事权利能力和民事行为能力，能独立行使和承担协议项下权利义务的自然人。出借人须为云端金融的注册用户。</p>
                    <p>1.3 借款人：指本协议第一部分中列明的借款人，为符合中国法律规定的具有完全民事权利能力和民事行为能力，能独立承担本协议项下权利义务的自然人、法人或其他组织。</p>
                    <p>1.4 支付机构：指在本协议各方之间作为中介机构提供资金转移往来交易服务的银行或第三方支付机构；</p>
                    <p>1.5 云端金融：指杭州云端金融信息服务有限公司经营的，为借款人与出借人实现直接借贷提供信息搜集、信息公布、资信评估、信息交互、借贷撮合等服务的网络借贷信息服务平台。</p>
                    <p>1.6 自有奖励：指丙方根据云端金融规则已发放至出借人的云端金融平台账户的奖励（包括但不限于年化券、现金券及红包等）。</p>
                    <p>1.7 系统奖励：指丙方根据云端金融规则在出借人投资时给予出借人的相应奖励（包括但不限于在基础借款利率上给予的加息等）。</p>
                    <h5>第2条 借款的支付</h5>
                    <p>2.1 出借人在同意向借款人出借相应款项时，并同意云端金融或合作的存管机构在本协议生效时将其账户内等额于本协议项下的出借金额的资金直接划付至借款人指定账户。具体而言，出借人委托并授权云端金融指定的银行或第三方支付机构将其在指定账户中的借款本金划付至借款人指定的收款账户。银行或第三方支付机构将借款本金划转至借款人指定账户后，即视为借款人已经收到借款款项。</p>
                    <p>2.2 借款人同意在云端金融线上募集成功后，按照云端金融平台所列之标准支付居间服务费，云端金融在收到借款人服务费用后，通知银行或第三方支付机构将所募集的资金转入借款人账户。</p>
                    <h5>第3条 借款的偿还</h5>
                    <p>3.1 借款人承诺将按照本协议约定的时间和金额按期足额通过云端金融平台履行还款义务，并授权云端金融将其指定账户内的资金直接划付至出借人指定账户以履行偿付义务。</p>
                    <p>3.2 借款人的最后一期还款须包含全部剩余借款本金、利息、违约金及所有根据本协议产生的其他费用等。</p>
                    <p>3.3 如借款人未按时还款或还款不足以偿还本协议项下约定的借款本金、利息、逾期罚息及违约金等借款人应付全部款项的，出借人同意在扣除居间服务费及为实现债权支付的相关费用（包括但不限于第三方催收服务费用、保全费、保全担保费、律师费、调查费、差旅费、公证费、鉴定费、诉讼费及执行费用等）后，各自按照其出借款项的比例收取还款。</p>
                    <h5>第4条 权利义务</h5>
                    <p>4.1 出借人的权利义务</p>
                    <p>4.1.1 出借人在此确认并承诺其具有完全民事权利能力和完全民事行为能力的自然人、法人或其他组织，有权签订并履行本协议。</p>
                    <p>4.1.2 出借人在此承诺并保证：出借人为云端金融平台注册用户，其对本协议所涉的借款具有完全的支配能力，且该等资金为出借人来源合法的自有资金。</p>
                    <p>4.1.3 出借人在此确认并承诺其具备投资风险意识、风险识别能力、拥有非保本类金融产品投资的经历并熟悉互联网，了解本协议项下融资项目的借贷风险并且确认具有相应的风险认知和承受能力，并且自行承担借贷产生的本息损失。</p>
                    <p>4.1.4 出借人承诺不会利用云端金融平台进行信用卡套现、洗钱、非法集资或其他不正当交易行为，否则应依法独立承担法律责任。</p>
                    <p>4.1.5 出借人在此承诺通过本借款协议所获得的收益自行申报并缴纳税款。</p>
                    <p>4.2 借款人的权利义务</p>
                    <p>4.2.1 借款人在此确认并承诺其为具有完全民事权利能力和完全民事行为能力的自然人、法人或其他组织，有权签订并履行本协议。</p>
                    <p>4.2.2 借款人承诺并保证其借款用于真实且合法的融资项目，且向云端金融提交的一切资料等均为真实、准确、合法、有效，不存在虚假信息或隐瞒。</p>
                    <p>4.2.3 借款人承诺并保证不以任何理由和任何形式将获得的借款用于任何违法活动（包括但不限于赌博、吸毒、贩毒、卖淫嫖娼等），以及前述借款用途之外的其他任何用途（包括但不限于股票投资、房地产、彩票、场外配资、期货合约、结构化产品及其他衍生品等）。</p>
                    <p>4.2.4 借款人在此保证并承诺且其不会同时通过多个网络借贷信息中介机构，或者通过变换项目名称、对项目内容进行非实质性变更等方式，就同一融资项目进行重复融资；亦不得在网络借贷信息中介机构以外的公开场所发布同一融资项目的信息。</p>
                    <p>4.2.5 借款人在此确认其知晓并保证，若借款人为自然人的，其在云端金融举借债务的借款余额上限不超过人民币20万元，在云端金融以及其他所有网贷平台举借债务的合计借款余额上限不超过人民币100万元；若借款人为法人或其他组织的，其在云端金融举借债务的借款余额上限不超过人民币100万元，在云端金融以及其他所有网贷机构平台举借债务的合计借款余额上限不超过人民币500万元。</p>
                    <p>4.3.1 居间人的权利和义务</p>
                    <p>4.3.1  居间人负责对甲方在云端金融平台的借款信息进行调查核实（包括但不限于书面审核、实地调查等），接受甲方的委托协助甲方完成其在云端平台上借款信息的发布和从事甲方委托的其他事项。</p>
                    <p>4.3.2  居间人应严格按照本协议的约定，以诚实守信、谨慎中立的原则为甲方、乙方提供居间服务，甲方与乙方之间的借贷关系与丙方无关。</p>
                    <p>4.3.3  居间人有权就为本协议所提供的服务向甲方收取信息中介服务费用，信息中介服务费用的金额和收取方式由甲方与丙方另行约定。</p>
                    <h5>第5条 提前还款</h5>
                    <p>5.1 除本协议另有约定外，借款人可在借款期间任何时候申请提前偿还全部剩余借款。如借款人通过云端金融平台申请提前还款的，云端金融平台在收到借款人提前还款申请之日起5个工作日内与借款人确定提前还款的具体情况，并通知出借人。</p>
                    <p>5.2 除本协议另有约定外，借款人提前偿还借款本金的，应按实际借款期限计收利息。</p>
                    <h5>第6条 逾期还款</h5>
                    <p>6.1 借款人应严格履行还款义务。若借款人在还款日之次日起未足额还款的，则应按照应付未付金额的0.1%/天向出借人支付逾期罚息，直至还清全部本金、利息及罚息之日止。</p>
                    <p>6.2 逾期罚息计算期间，逾期本金的正常利息不停止计算。</p>
                    <p>6.3 若借款人逾期支付任何一期还款，云端金融即有权将乙方计入黑名单，并有权将借款人的逾期记录通报行业协会或相关合作方，以计入行业协会或其他合作方建立并公示的信用记录以及国家和地方的公民征信系统。</p>
                    <h5>第7条 债权的转让</h5>
                    <p>7.1 借款人知晓并同意出借人于本协议履行过程中可能将其享有的债权的全部或部分转让给不特定的第三人，且转让次数无限定。</p>
                    <p>7.2 针对上述债权转让行为，借款人同意云端金融可以通过网站公告、短信通知、邮件通知、身份证地址等多种方式向借款人送达债权转让通知，上述通知一经发出即视为借款人收到，借款人不得以任何理由提出异议。</p>
                    <p>7.3 出借人同意并授权云端金融平台将其在本借款协议项下对应的权利债权全部或部分转让给债权受让人，包括但不限于主张罚息、利息、解除合同等权利。</p>
                    <p>7.4 如借款人无法按期归还借款，不特定的第三方（包括担保公司、保险公司等）代付上述借款后，出借人同意将上述债权转让给代付的第三方，出借人也以予认可上述债权转让。</p>
                    <h5>第8条 关于违约责任</h5>
                    <p>8.1 本协议出借人及借款人均应严格履行协议义务，任何一方违约，违约方应承担因违约使对方产生的费用和损失，包括但不限于第三方催收服务费用、保全费、担保费、律师费、调查费、差旅费、公证费、鉴定费、诉讼费及执行费用等。</p>
                    <p>8.2 若出现如下任何一种情况，本协议项下的全部借款本息自动提前到期，借款人应立即按照本协议约定清偿本协议项下尚未偿付的全部本金、利息、罚息、违约金及根据本协议产生的其他全部费用：</p>
                    <p>（1）借款人违反其在本协议中所做的任何承诺或保证内容的；</p>
                    <p>（2）借款人涉及或即将涉及重大诉讼及/或仲裁程序以及其他法律纠纷，足以影响借款人的偿债能力；</p>
                    <p>（3）借款人出现不接听电话并或拒收书面催款通知，或在催收过程中拒绝承认欠款等居间服务方单方认定恶意行为的；</p>
                    <p>（4）借款人被宣告失踪、处于限制民事行为能力或丧失民事行为能力状态、被刑事监禁、或发生重大疾病、重大事故等可能危及本协议项下借款安全的情况；</p>
                    <p>（5）借款人转移资产，有逃避债务之嫌疑的；</p>
                    <p>（6） 借款人或者担保人的资信情况或还贷款能力出现不利变化可能影响其还款或担保能力，或可能致使出借人或居间服务方在本协议项下的权利遭受损失的情况的。</p>
                    <p>8.3 借款人的还款均应按照如下顺序清偿：其他费用、违约金、罚息、利息和本金。</p>
                    <h5>第9条 法律适用及争议解决</h5>
                    <p>9.1 凡因签署、履行本协议书过程所发生的或与本协议书有关的一切争议或纠纷，各方应通过友好协商解决。如协商不成或者无法协商的，则任何一方均有权将该争议或纠纷提交协议签订地人民法院诉讼解决。</p>
                    <p>9.2 本协议的订立、效力、解释、履行和争议的解决均应适用中华人民共和国法律。</p>
                    <h5>第10条 债权追索</h5>
                    <p>10.1 为便于通过法律程序集中维护出借人权益，出借人均同意在其权益受到实质损害时，将本协议项下全部债权无偿且无条件自动转让给云端金融，由云端金融统一向责任方（包括但不限于借款人、担保方及其他责任方等）进行追索，并委托云端金融向责任方发送债权转让通知或其他相关通知材料。云端金融在追索中发现因责任方失踪或还款能力丧失等原因导致债权的追索不能实现或部分不能实现的，云端金融有权选择将本协议项下债权经书面通知出借人后重新转让还给出借人。出借人收到云端金融书面通知后有权自行向责任方进行债权的追索，云端金融应当配合提供出借人为实现债权所需文件。出借人自行承担债权追索产生的一切费用、法律责任及结果。</p>
                    <p>10.2 出借人一致同意，经追索实现的债权款项应当全额支付至云端金融指定的账户，并在扣除居间服务费及为实现债权支付的相关费用（包括但不限于第三方催收服务费用、保全费、保全担保费、律师费、调查费、差旅费、公证费、鉴定费、诉讼费及执行费用等）后，由云端金融负责向出借人划付。</p>
                    <h5>第11条 其他约定</h5>
                    <p>11.1 若本协议的部分条款被认定为无效或者无法实施时，本协议中的其他条款仍然有效。</p>
                    <p>11.2 本协议在云端金融平台保留存档，协议各方均认可本协议约定的签署方式与电子合同形式以及存档协议的法律效力，并受其约束。各方在此确认并同意以在云端金融平台保留存档的协议版本以及与本协议有关的书面文件或电子信息应作为本协议有关事项的终局证明。</p>
                    <p>11.3 本协议项下的附件属于本协议不可分割的组成部分。本协议任何条款的标题仅系为方便援引和阅读而设置，不得被用于解释本协议任何条款的依据。</p>
                    <p>11.4 本协议与平台公布的其他文件或协议约定不一致的，以本协议约定为准。</p>
                    <p>11.5 受限于相关法律法规的限制与规定及其不时更新和修订，协议各方同意云端金融根据情况不时对本协议版本进行变更及修改，并同意按照更新版本享有权利并承担义务。</p>
                    <p>（以下无正文）</p>
                    <div className="border-d">
                        <div>甲方（出借人）：{this.state.contractDetail.realName}</div>
                        <div>身份证号：{this.state.contractDetail.cardNo}</div>
                    </div>
                    <div className="border-d">
                        <div className='noBorderB'>乙方(借款人)：{this.state.borrowerDetail.realName}</div>
                    </div>
                    <div className="border-d">
                        <div className="noBorderB">丙方(居间方)：杭州云端金融信息服务有限公司</div>
                        <div></div>
                    </div>
                </section>
            </div>
        )
    }
}

export default Contract